<template>
  <div class="manage-gallery-wrapper">
    <VueDragResize :isResizable="false" :parentLimitation="true">
      <div class="manage-gallery-content">
        <img src="~@/assets/img/demo_picture.jpg" alt="xxx配电图">
      </div>
      <div style="width:100%;height:100%;postion:relative;">
        <VueDragResize :parentLimitation="true" :isResizable="true" style="padding:5px;z-index:999;" @dragstop="dragStop">
          <div style="width:100%;height:100%;background:red;"></div>
        </VueDragResize>
      </div>
    </VueDragResize>
  </div>
</template>
<script>
import '@/styles/manage-gallery.scss'
import VueDragResize from 'vue-drag-resize'
export default {
  components: {
    VueDragResize
  },
  data() {
    return {
   
      // 丢进垃圾桶的设备，即重新被放到classRoom中的设备
      TeacherOffice: []
    }
  },
  methods: {
    dragStop(value) {
      console.log(value)
    }
  }
}
</script>